body * {
  -webkit-user-select: none;
  font-family: helvetica;
}
/*去除按钮点击时的高亮颜色*/
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*禁止页面文字进行缩放，但是之兼容苹果，安卓不好使，事件章节会讲到*/
body {
  -webkit-text-size-adjust: 100%;
  margin: 0;
}
/*清除掉在苹果浏览器里按钮边框变成的半圆形*/
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
h1 {
  margin: 0;
}
a {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  vertical-align: top;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*以上是重置样式*/
.rows {
  /*老版*/
  display: -webkit-box;
  /*新版*/
  display: flex;
  padding: 0.33333333rem 0.41666667rem 0;
}
.rows div {
  /*老版*/
  -webkit-box-flex: 1;
  /*新版*/
  flex-grow: 1 ;
  width: 0;
}
.rows div a {
  font-size: 0.33333333rem;
  color: #666;
  text-align: center;
  line-height: 0.83333333rem;
  display: block;
}
.rows div a:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 1.36666667rem;
  height: 1.36666667rem;
  background-size: 1.36666667rem 1.36666667rem;
}
.rows:nth-of-type(1) div:nth-of-type(1) a:before {
  background-image: url(../img/1.jpg);
}
.rows:nth-of-type(1) div:nth-of-type(2) a:before {
  background-image: url(../img/2.jpg);
}
.rows:nth-of-type(1) div:nth-of-type(3) a:before {
  background-image: url(../img/3.jpg);
}
.rows:nth-of-type(1) div:nth-of-type(4) a:before {
  background-image: url(../img/4.jpg);
}
.rows:nth-of-type(1) div:nth-of-type(5) a:before {
  background-image: url(../img/5.jpg);
}
.rows:nth-of-type(2) div:nth-of-type(1) a:before {
  background-image: url(../img/6.jpg);
}
.rows:nth-of-type(2) div:nth-of-type(2) a:before {
  background-image: url(../img/7.jpg);
}
.rows:nth-of-type(2) div:nth-of-type(3) a:before {
  background-image: url(../img/8.jpg);
}
.rows:nth-of-type(2) div:nth-of-type(4) a:before {
  background-image: url(../img/9.jpg);
}
.rows:nth-of-type(2) div:nth-of-type(5) a:before {
  background-image: url(../img/10.jpg);
}
